<ui:composition xmlns="http://www.w3.org/1999/xhtml"
			    xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
			    xmlns:f="http://java.sun.com/jsf/core"
			    xmlns:rich="http://richfaces.org/rich"
			    template="/WEB-INF/layout/template.xhtml">
	
	<ui:define name="title">
		<h:outputText value="#{i18n['login.form.title']}"/>
	</ui:define>

	<ui:define name="contents">
		<h1>
			<h:outputText value="#{i18n['login.form.heading']}"/>
		</h1>
		
		<form action="j_security_check" method="post">
			<table>
				<tr>
					<td class="loginLabel">
						<label for="j_username"><h:outputText value="#{i18n['login.form.username']}"/></label>
					</td>
					<td class="loginDaten">
						<input name="j_username" id="j_username"/>
						<rich:jQuery selector="#j_username" query="focus()"/>
					</td>
				</tr>
				
				<tr>
					<td class="loginLabel">
						<label for="j_password"><h:outputText value="#{i18n['login.form.password']}"/></label>
					</td>
					<td class="loginDaten">
						<input type="password" name="j_password" id="j_password"/>
					</td>
				</tr>
			</table>
			
			<p>
				<h:commandButton id="loginSubmit" value="#{i18n['login.form.submit']}"/>
			</p>
		</form>
	</ui:define>
</ui:composition>
